/*
  1、点击轮播图 预览大图功能
    1给轮播图绑定点击事件
    2调用小程序的api ：previewImage
  2、点击加入购物车
    1先绑定点击事件
    2获取缓存中的购物车数据  数组格式
    3先判断当前商品是否已经存在于购物车里
    4已经存在商品则修改商品数据，执行购物车数量++，重新把购物车数组填充回缓存中
    5不存在于购物车的数组中，直接给购物车数组添加一个新元素，新元素带上购买数量属性，重新把购物车数组填充回缓存中
    6弹出用户提示
  4、商品收藏
   1 页面onShow的时候  加载缓存中的商品收藏的数据
   2 判断当前商品是不是被收藏 
     1 是 改变页面的图标
      2 不是 。。
   3 点击商品收藏按钮 
     1 判断该商品是否存在于缓存数组中
      2 已经存在 把该商品删除
      3 没有存在 把商品添加到收藏数组中 存入到缓存中即可
*/
import {request} from "../../request/index.js";
import regeneratorRuntime from '../../lib/runtime/runtime.js';
Page({
  data: {
    goodsObj:{},
    // 商品是否被收藏
    isCollect:false
  },
  //商品对象
  GoodsInfo:{},
  /**
   * 生命周期函数--监听页面加载
   */
  onShow: function () {
    let pages = getCurrentPages();
    let currentPage = pages[pages.length - 1];
    let options = currentPage.options;
    const { goods_id } = options;
    this.getGoodsDetail(goods_id);


  },
  //获取商品的详情数据
  async getGoodsDetail(goods_id){
    const goodsObj=await request({url:"/goods/detail",data:{goods_id}});
    this.GoodsInfo=goodsObj;
     // 1 获取缓存中的商品收藏的数组
     let collect = wx.getStorageSync("collect") || [];
     // 2 判断当前商品是否被收藏
     let isCollect = collect.some(v => v.goods_id === this.GoodsInfo.goods_id);
    this.setData({
      goodsObj:{
        goods_name:goodsObj.goods_name,
        goods_price:goodsObj.goods_price,
        // iphone部分手机不识别webp图片格式 临时修改，确保后台存在.jpg格式
        goods_introduce:goodsObj.goods_introduce.replace(/\.webp/g,'.jpg'),
        pics:goodsObj.pics
      },
      isCollect
    })
  },
  //点击轮播图放大预览
  handlePrecewImage(e){
    //先构造要预览的图片数组
    const urls=this.GoodsInfo.pics.map(v=>v.pics_mid);
    //接收传递过来的图片url
    const current=e.currentTarget.dataset.url;
    wx.previewImage({
      urls,
      current
    })
  },
  //点击加入购物车
  handleCartAdd(e){
    //1获取缓存中的购物车数组
    let cart=wx.getStorageSync('cart') || [];
    //2判断商品对象是否存在于购物车数组中
    let index=cart.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id);
    //判断
    if(index===-1){
      //3表示不存在，第一次添加
      this.GoodsInfo.num=1;
      this.GoodsInfo.checked=true;
      cart.push(this.GoodsInfo);
    }else{
      //4已经存在，执行num++
      cart[index].num++;
    }
    //5把购物车重新添加回缓存中
    wx.setStorageSync('cart', cart);
    //6弹窗提示
    wx.showToast({
      title: '加入成功',
      icon:'success',
      //true防止用户手抖，疯狂点击按钮
      mask:true
    });
  },
   // 点击 商品收藏图标
   handleCollect(){
    let isCollect=false;
    // 1 获取缓存中的商品收藏数组
    let collect=wx.getStorageSync("collect")||[];
    // 2 判断该商品是否被收藏过
    let index=collect.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id);
    // 3 当index！=-1表示 已经收藏过 
    if(index!==-1){
      // 能找到 已经收藏过了  在数组中删除该商品
      collect.splice(index,1);
      isCollect=false;
      wx.showToast({
        title: '取消成功',
        icon: 'success',
        mask: true
      });
        
    }else{
      // 没有收藏过
      collect.push(this.GoodsInfo);
      isCollect=true;
      wx.showToast({
        title: '收藏成功',
        icon: 'success',
        mask: true
      });
    }
    // 4 把数组存入到缓存中
    wx.setStorageSync("collect", collect);
    // 5 修改data中的属性  isCollect
    this.setData({
      isCollect
    })
      
      
  }
})